/**
 * Created by cy on 2017/5/30.
 */

//页面刷新，就获取后台数据加载页面
$(function(){
    $.ajax({
        url:"./server/list.php",
        type:"get",
        dataType:"json",
        success:function(res){
            // console.log(res);
            // 结果是一个数组

            for(var i=0;i<res.length;i++){
            //拼接字符串

            var tstr='<li class="itmes">'
                tstr+='<a href="#" class="limg">'
                tstr+='<img src="'+res[i].plimg+'" alt="" data-plimg="'+res[i].plimg+'"' +
                    'data-psimg="'+res[i].psimg+'"' +
                    'data-price="'+res[i].price+'"' +
                    'data-description="'+res[i].description+'"' +
                    'data-pid="'+res[i].pid+'"' +
                    'onclick="addCart(this)">'
                tstr+='</a>'
                tstr+='<div class="simg">'
                tstr+='<img src="'+res[i].psimg+'" alt="">'
                tstr+='</div>'
                tstr+='<span class="pri">￥'+res[i].price+'元'
                tstr+='<a href="javascript:;" class="iconfont">&#xe653;</a>'
                tstr+='</span>'
                //在此处将产品的信息存储，并绑定点击事件，点击后将产品信息带去详情页面
                tstr+='<div class="disc" data-plimg="'+res[i].plimg+'"' +
                    'data-psimg="'+res[i].psimg+'"' +
                    'data-price="'+res[i].price+'"' +
                    'data-description="'+res[i].description+'"' +
                    'data-pid="'+res[i].pid+'"' +
                    'onclick="addCart(this)">'+res[i].description+'</div>'
                tstr+='<div class="xiao">'
                tstr+='<div>已有<span>0</span>人评价</div>'
                tstr+='<div>累计销量<span>0</span></div>'
                tstr+='<a href="#" class="shou">☆   收藏</a>'
                tstr+='</div>'
                tstr+='<div class="kong">'+res[i].pifkong+'</div>'
                tstr+='</li>'

                //单个tstr只显示一条数据，要实现累计出现
                $(".oul").html($(".oul").html()+tstr);

                //点击购物车图片，显示加入购物车
            //判断状态为售罄还是热卖，如果是售罄，购物车点击提示无货



            }

        }
    })



    //鼠标移入商品图片，收藏滑出
    $(".oul .itmes").find(".limg").on("mouseenter",function(){
       $(".oul .items .xiao").find(".shou").animate({right:"-5px"},300)
    })

    $(".oul .itmes").find(".limg").on("mouseleave",function(){
        $(".oul .items .xiao").find(".shou").animate({right:"-70px"},300)
    })

})




$(function(){
    $(".selc ol").find("li").on("click",function(){
        $(this).addClass("selected").siblings().removeClass("selected")
    });


    //鼠标移入商品状态，ul出现
    $(".status").on("mouseenter",function(){
        $(this).find("ul").css("display","block");

        $(".status ul").find("li").on("mouseenter",function(){
            $(this).addClass("current").siblings().removeClass("current")
        })

        //鼠标移除。ul隐藏
        $(".status").on("mouseleave",function(){
            $(this).find("ul").css("display","none");
        })
    });



    //鼠标点击页数，页面跳转
    $(".page").find(".pag").on("click",function(){
        $(this).addClass("active").siblings(".pag").removeClass("active");
        // window.location.href="list.html";
    });

})



//定义添加的函数
function addCart(obj) {
    console.log($(obj).data("plimg")+" "+$(obj).data("psimg")+""+$(obj).data("pid")+" "+$(obj).data("price")+" "+$(obj).data("description"));

    //        window.location.href
    window.location.assign("infomation.html?pId="+$(obj).data("pid"));
}